function showSuccessMsg() {
    $('.popup_con').fadeIn('fast', function() {
        setTimeout(function(){
            $('.popup_con').fadeOut('fast',function(){}); 
        },1000) 
    });
}

function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}


$(document).ready(function(){
    $.get('api/v1.0/user',function (resp) {
        if ('4101' == resp.errno){
            location.href = 'login.html';
        }
        else if ('0' == resp.errno){
            if(resp.data.real_name && resp.data.id_card){
                $("#real-name").val(resp.data.real_name);
                $("#id-card").val(resp.data.id_card);

                // 给input添加disable属性，禁止用户修改
                $("#real-name").prop('disabled',true);
                $("#id-card").prop('disabled',true);

                //影藏提交按钮
                $('#form-auth>input[type=submit]').hide();
            }
        } else {
            alert(resp.errmsg);
        }
    },'json')

    // 管理实名信息表单的提交行为
    $("#form-auth").submit(function(e){
        e.preventDefault();
        // 如果用户没有填写完整，展示错误信息
        var realName = $("#real-name").val();
        var idCard = $("#id-card").val();
        if (realName == "" ||  idCard == "") {
            $(".error-msg").show();
        }

        // 将表单的数据转换为json字符串
        var data = {
            real_name: realName,
            id_card: idCard
        };
        var jsonData = JSON.stringify(data);

        // 向后端发送请求
        $.ajax({
            url:"/api/v1.0/user/auth",
            type:"post",
            data: jsonData,
            contentType: "application/json",
            dataType: "json",
            headers: {
                "X-CSRFTOKEN": getCookie("csrf_token")
            },
            success: function (resp) {
                if (0 == resp.errno) {
                    $(".error-msg").hide();
                    // 显示保存成功的提示信息
                    showSuccessMsg();
                    $("#real-name").prop("disabled", true);
                    $("#id-card").prop("disabled", true);
                    $("#form-auth>input[type=submit]").hide();
                }
            }
        });
    })
});